<template >
  <!-- 服务管理 -->
  <div class="innerPageTable-box-OneTwo value-set-list-wrap innerPageTable-out-flex">
    <span class="title">{{typeName}}</span>
    <InnerPageTable ref="valueSetTable" :config="pageTableConfig">
    </InnerPageTable>
  </div>
</template>

<script>
import { managemantColumns3 } from './columns'
import groupViewReport from './groupViewReport.vue'
import permission from '@/mixin/permission'
export default {
  name: 'groupManagementPage',
  mixins: [ permission ],
  props: {
    type: {
      default: 0,
      type: Number,
    },
    id: {
      default: 0,
      type: Number,
    },
    typeName: {
      default: '',
      type: String,
    }
  },
  data() {
    return {
      pageTableConfig: {
        loadDataFn: this.getServiceList,
        columns: managemantColumns3.bind(this)(),
        autoFirst: true, //默认 就是 false, 要配置在这里
        pageSize: 50
      },
      bussinessUnit: [],
    }
  },
  computed: {},
  created: function () {},
  beforeMount: function () {},
  mounted: function () {},
  beforeDestroy: function () {},
  destroyed: function () {},
  methods: {
    viewReport(row) {
      new this.$sidelipPage(
        groupViewReport,
        {
          props: {
            id: row.id,
            code: row.code,
            title: row.reportName
          },
        }
      );
    },
    getServiceList: tableObj => {
      let { responseProcess, param } = tableObj
      let records = [
        {id: 3, code: 'group-view-all', reportName: '华润集团数字化转型行动计划实施方案任务大表'},
        {id: 2, code: 'group-view-2022', reportName: '2022年华润集团实施方案任务对标评估表'},
        {id: 1, code: 'group-view-2023', reportName: '2023年华润集团实施方案任务对标评估表'},
      ]
      responseProcess({
        pageNum: 1,
        pageSize: 10,
        pages: 1,
        records,
        total: records.length
      })
    },
  },
  watch: {},
  directives: {}
}
</script>

<style lang="less" scoped>
.title {
  position: relative;
  top: 10px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 14px;

}
/deep/.Status .disable {
    background-color: #b3afaf!important;
}
</style>
